<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>剩余参数</title>
</head>

<body>
    <pre>
    剩余参数语法允许我们将一个不定数量的参数(实参)表示为一个数组

    剩余参数和解构配合使用
  </pre
    >

    <script>
      // function handle() {
      //   console.log(arguments);
      //   // arguments.push(7);// 报错
      //   console.log(arguments);
      // }
      // function handle(...arr) {
      //   console.log(arr);
      //   arr.push(7);
      //   console.log(arr);
      // }

      // handle(1, 2, 3, 4, 5, 6);

      // function handle(...pra) {
      //   // console.log(pra); // [10, 20, 30, 40]

      //   pra.forEach((item) => {
      //     console.log(item);
      //   });
      // }

      // handle(10, 20, 30, 40);

      // -----------------------------

      // 剩余参数和解构配合使用
      // let arr = [1, 2, 3, 4];
      // let [a, b, ...c] = arr;

      // console.log(a); // 1
      // console.log(b); // 2
      // console.log(c); // [3, 4]

      // ------------------------------

      let handle = (...arg) => {
        console.log(arg);
      };

      handle(10, 20, 30, 40); // [10, 20, 30, 40]
    </script>
  </body>
</html>